<template>
  <div class="wrap-index">
    <Header></Header>
    <div class="flex-row-start-start">
      <div class="left-side" style="margin-top: 262px">
        <div>
          <div class="tab1 flex-row-center-center active" >
            <div
              style="height: 158px; letter-spacing: 11.5px"
              class="flex-row-center-center"
            >
              数据管理
            </div>
          </div>
        </div>
      </div>
      <div class="right-side" style="margin-top: 34px">
        <add-data></add-data>
      </div>
    </div>
  </div>
</template>
<script>
import Header from "./components/index/header";
import addData from "./components/addData/addData"
export default {
  data() {
    return {
      leftTab:true
    };
  },
  components: {
    Header,
    addData
  },
  methods: {
    changeTab(){
      this.leftTab = !this.leftTab
    }
  }
};
</script>
<style  scoped>
.tab1:hover{
  cursor: pointer;
}
.left-side {
  width: 9.46%;
}

.tab1 {
  width: 35.16%;
  height: 176px;
  color: rgba(255, 255, 255, 100);
  font-size: 28px;
  text-align: center;
  font-family: PingFangSC-regular;
  border-radius: 4px;
  color: rgba(0, 0, 0, 1);
  background-color: #f1f1f1;
  text-align: center;
  writing-mode: tb-rl;
}
.active {
  background-color: #cc0000;
  color: rgba(255, 255, 255, 100);
}
.wrap {
  width: 100%;
  height: 100%;
  /* position: fixed; */
}
.content {
  margin-top: 32px;
  margin-left: 1.2%;
  margin-right: 1.2%;
}

.middle-side {
  width: 48.05%;
  margin-right: 1.3%;
}
.right-side {
  width: 90.54%;
}
</style>